<!DOCTYPE html>
<html lang="en">
<head>
<title>Contacts</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.6.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Swis721_Cn_BT_400.font.js"></script>
<script type="text/javascript" src="js/Swis721_Cn_BT_700.font.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
	<style type="text/css">
		.bg{ behavior: url(js/PIE.htc); }
	</style>
<![endif]-->
<!--[if lt IE 7]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0"  alt="" /></a>
		</div>
<![endif]-->
</head>
<body id="page5">
	<div class="body1">
	<div class="body2">
	<div class="body5">
		<div class="main">
<!-- header -->
			<header>
				<div class="wrapper">
				<h1><a href="index.html" id="logo">LOGO</a></h1>
				  <form id="newsletter" method="post" action="validar.php">
                       <input class="input" name="textMailUsuario" type="text" value="Ingrese su Email"  onBlur="if(this.value=='') this.value='Ingrese su Email'" onFocus="if(this.value =='Ingrese su Email' ) this.value=''" > 
                       &nbsp;  &nbsp; 
                       <input class="input" name="textPasswordUsuario" type="password" value="Ingrese su Password"  onBlur="if(this.value=='') this.value='Ingrese su Password'" onFocus="if(this.value =='Ingrese su Password' ) this.value=''" >
                      <a href="#" id="BTNsubmit" class="button" onclick="ValidarDatos()">Ingresar</a>                      
                       <a href="Contacto.html" id="BTNregistrar" class="button" >Registrarse</a>

                      </form>  
				</div>
			</header>
<!-- header end-->
		</div>
	</div>
	</div>
	</div>
	<div class="body3">
		<div class="main">
<!-- content -->
			<article id="content">
				<div class="wrapper">
					<section class="col1">
						<h2 class="under">Formulario registro</h2>
                        <form id="ContactForm"  method="post" action="Registrar.php">
						
						<div>
                        	<div  id="txt_nombre" class="wrapper">
								<span>Nombre</span>
								<input type="text" class="input" name="nombre" >
							</div>
							<div  id="txt_email" class="wrapper">
								<span>Email</span>
								<input type="text" class="input" name="email" >
							</div>
							<div  id="txt_pass" class="wrapper">
								<span>Password:</span>
								<input type="password" class="input" name="pass" >
						  </div>
							<div  id="txt_pass_confirm" class="wrapper">
								<span>Confirmar pass:</span>
								<input type="Password" class="input" name="pass2" >
						  </div>
							
							<a href="#" class="button" onClick="document.getElementById('ContactForm').submit()">Enviar</a>
                           
							<a href="#" onClick="document.getElementById('ContactForm').reset()">Limpiar</a>
						</div>
					</form>
                    <BR>  <BR>  <BR>  <BR> 
					</section>
				</div>

			</article>
		</div>
	</div>
	<div class="body3">
		<div class="main">
			<article id="content2">
				<div class="wrapper"></div>
			</article>
<!-- content end -->
		</div>
	</div>
		
<script type="text/javascript"> Cufon.now(); </script>
<script>
	$(document).ready(function() {
		tabs.init();
	});
	
	

function ValidarDatos(){
	var form = $("#newsletter");
	form.submit();
}
</script>
</body>
</html>